<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>cookie基本知识</title>
  </head>
  <body>
    <script>
      // cookie是存储在本地并且会随着浏览器发送到服务器端
      //cookie的基本属性有名称、值、过期时间、Domain域、path、HttpOnly、secure
      // 写入cookie的方式
      document.cookie = "username=zs";
      document.cookie = "age=18";
      // 不能同时写入
      // document.cookie='username=zs; age=18'
      // 每个名值对构成的字符串 由一个空格和一个分号构成

      // cookie包含非英文字符时需要使用encodeURIComponent()编码 读取时使用decodeURIComponent解码
      document.cookie = `username=${encodeURIComponent("用户名")}`;

      // 设置过期时间 默认是会话cookie  设置可以使用expires或者Max-Age
      document.cookie = `username=alex; expires=${new Date(
        "2023-10-1 00:00:00"
      )}`;
      document.cookie = `username=alex; max-age=${24 * 3600 * 30}`;

      // domain域代表哪些域可以访问 只能设置为当前域或者父域  子域可以访问父域的cookie
      // httponly不允许js访问
      // secure只能允许https进行访问
    </script>
  </body>
</html>
